<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<script type="text/javascript">
		window.onload = function(){
			console.log("网页完成")
		}
		
		$(document).ready(function(){
			var img = document.getElementById("005");
		})
/*		$(function(){
			//根据ID
//			var btn = $("#btn");
			
			//根据TagName
//			var btnlist = $("button");
			
			//classname
//			var btnlist = $(".ab");
			
			//name
//			var btnlist = $("[name=sub]");
//			console.log(btnlist.length)
			console.log( $("div,span,p") );
		})*/
	</script>

	<body>
		<img src="img/1.jpg" />
		<img src="img/2.jpg" />
		<img src="img/3.jpg" />
		<img src="img/4.jpg" />
		<img id="005" src="img/5.jpg" />
		
		<button id="btn" class="ab" name="sub">按钮</button>
		<button id="btn" class="ab" name="sub">按钮</button>
		<button id="btn" class="ab" name="sub">按钮</button>
		<div>div</div>
		<p class="myClass">p class="myClass"</p>
		<span>span</span>
		<p class="notMyClass">p class="notMyClass"</p>
	</body>

</html>